// cover some element-ui styles

.el-breadcrumb__inner,
.el-breadcrumb__inner a {
  font-weight: 400 !important;
}

.el-upload {
  input[type="file"] {
    display: none !important;
  }
}

.el-upload__input {
  display: none;
}


// to fixed https://github.com/ElemeFE/element/issues/2461
.el-dialog {
  transform: none;
  left: 0;
  position: relative;
  margin: 0 auto;
}

// refine element ui upload
.upload-container {
  .el-upload {
    width: 100%;

    .el-upload-dragger {
      width: 100%;
      height: 200px;
    }
  }
}

// dropdown
.el-dropdown-menu {
  a {
    display: block
  }
}

// to fix el-date-picker css style
.el-range-separator {
  box-sizing: content-box;
}

.el-breadcrumb__inner a:hover, .el-breadcrumb__inner.is-link:hover{
  color:var(--color-text-active);
}
.el-input-group__append, .el-input-group__prepend {
  color: var(--color-text-active);
  background-color: #fff;
}

.el-table th>.cell{
  padding-left: 15px;
}
.el-table th.el-table__cell{
  color: #303133;
}


.el-input.is-disabled .el-input__inner{
  background-color: #fff !important;
  color:#606266 !important;
}
.el-select-dropdown__item.hover, .el-select-dropdown__item:hover{
  background-color: #fff;
}
.el-tree-node__label{
  font-weight: normal;
}
.el-card__body{
  height: 100% !important;
}
.el-notification__content{
  p{
    word-break: break-all;
    line-height: 25px;
  }
}

.el-table-column--selection{
  .cell{
    padding-right:0px !important ;
    padding-left: 14px !important;
  }
}
.el-form-item__error{
  padding-top: 4px !important;
}
.el-form-item {
  margin-bottom: 20px !important;
}

.el-form-item.is-error{
  .el-input-group__append, .el-input-group__prepend{
    border-color: #F56C6C;
  }
}

.el-button--primary.is-plain:focus, .el-button--primary.is-plain:hover{
  background-color: #e1eaff;
  border-color: var(--color-primary) ;
  color:  var(--color-primary);
}
.el-button--primary.is-plain{
  background-color: #ffffff00;
  border-color: var(--color-primary) ;
}

.el-button--danger.is-plain:focus, .el-button--danger.is-plain:hover{
  background-color: #fdf1f1;
  border-color: var(--color-danger) ;
  color:  var(--color-danger);
}

.el-button--danger.is-plain{
  background-color: #ffffff00;
  border-color: var(--color-danger) ;
}
.el-table th.el-table__cell {
  -webkit-user-select: none;
  user-select: none;
  background-color: #f8f8f8;
}
.el-image__error{
  text-align: center;
}